<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
</head>

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
    function load()
    {

        <?php
        if ($_REQUEST['login'] != 'fail')
            echo '$("#header").load("header.php");';
        else
            echo '$("#header").load("header.php?login=fail");';

        echo '$("#slider").load("slider.php");';
        ?>
    }
</script>

</head>


<body onload="load()">
<div id="header"></div>
<div class="wrapper">
<div class="main">
    <div style="margin-left: 35%" class="one">
        <div class="register">
            <h3>Create your account</h3>
            <form id="reg-form" action="regUser.php" method="post">
                <div style="padding-bottom: 5px">
                    <label class="configure" for="username">Username</label>
                    <input type="text" name="userName" spellcheck="false" placeholder="" />
                </div>
                <div style="padding-bottom: 5px">
                    <label class="configure" for="email">Email</label>
                    <input type="text" name="userEmail" spellcheck="false" placeholder=""/>
                </div>
                <div style="padding-bottom: 5px">
                    <label class="configure" for="password">Password</label>
                    <input type="password" name="userPassword" />
                </div>
                <div style="padding-bottom: 5px">
                    <label class="configure" for="password-again">User Type</label>
                    <label style="margin-right: 5px">Student</label><input type="radio" name="userType" value="student" checked="checked"/>
                    <label style="margin-right: 5px">Teacher</label><input type="radio" name="userType" value="teacher"/>
                </div>
                <div style="padding-bottom: 5px">
                    <label></label>
                    <input  type="submit" value="Create Account" id="create-account" class="btn btn-success"/>
                </div>
            </form>
            </div>
        </div>
</div>
    </div>
    </div>
</body>
</html>